<template>
  <div>
    <div class="top">
      <div class="city" @click="sendto">{{city}}<img class="more" src=""></div>
      <div>影院</div>
    </div>
    <cinemalist/>
  </div>
</template>
<script>
import cinemalist from "@/components/cinemalist.vue"
export default {
  data() {
    return {
      list: ""
    };
  },
  computed:{
    city() {
      //获取城市
      return this.$store.state.city.name;
    }
  },
  components:{
    cinemalist
  },
  methods:{
    sendto(){
      this.$router.push('/city')
    }
  }

};
</script>
<style  scoped>
.top{
  position: fixed;
  height: 1rem;
  text-align: center;
  font-size: 0.38rem;
  line-height: 1rem;
  width: 100%;
  background-color: white;
  z-index: 70;
}
.city{
  position: fixed;
  font-size: 0.3rem;
  top:0.15rem;
  left:0.3rem;
}
.more{
  height: 0.1rem;
  margin-left: 0.15rem;
}
</style>